LEAD FRONT END DEV.·PLATFORM FROM SCRATCH·2018 - 2022

Football Index

LEAD FRONT END DEV.

Rebuilt a real-time trading platform in 4 months. Grew the frontend team from 0 to 10.

Remote, UK, Trading, Real-time

Football Index

Football Index went into administration in May of 2021 and had to close the web app I'd been working on for 4 years. Here are a few links leading to 2 videos of what the app used to look like on the dev environment.

Resource 1Resource 2


THE STACK

ReactReduxTypeScriptSCSSStyled ComponentsReact NativeSwiftKMMTravisJenkinsJestEnzymeNodeJSKotlinD3JS

CASE STUDY

Rebuilding a Real-Time Trading Platform and Scaling the Team


The Problem


Football Index was a live trading platform where thousands of users bought and sold shares in football players in real time. The existing platform was built on a legacy stack that couldn't keep up with the traffic or the feature demands. They needed someone to rebuild the entire frontend from scratch and then build and lead the team around it.

What I Did


  • Rebuilt the entire trading platform frontend in 4 months using React — from scratch, replacing the legacy system.
  • Hired and grew the frontend team from 0 to 10 developers, establishing agile workflows and coding standards.
  • Architected a test suite of 3,000+ tests (60% coverage) that measurably reduced production bugs.
  • Built advanced real-time data visualizations using time series analysis so stakeholders and users could make informed trading decisions.
  • Contributed to the React Native mobile port of the platform — a production-grade mobile version of the app.
  • Separately, shipped a Kotlin Multiplatform MVP to explore an alternative mobile approach for a different direction of the project.

The Result


  • 4 months from legacy to fully rebuilt, live platform.
  • Thousands of daily active users on real-time data.
  • 10 developers hired and operational with sustainable processes.
  • 3,000+ tests providing a safety net for rapid iteration.
  • Contributed to full mobile app (React Native) plus shipped a separate KMM MVP validating an alternative approach.

Key Decision


The mobile strategy involved two separate initiatives with different goals. The React Native version was a full port of the existing web platform to mobile — a production app, not a prototype, which I contributed to. The Kotlin Multiplatform version was a separate MVP I built exploring a fundamentally different approach to the project. Having both gave the business real data to compare, rather than theoretical arguments about which platform to bet on.

Screenshots